<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>欢迎页面-L-admin1.0</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" th:href="@{~/UI/favicon.ico}" type="image/x-icon" />
    <link rel="stylesheet" th:href="@{~/UI/css/font.css}">
    <link rel="stylesheet" th:href="@{~/UI/css/xadmin.css}">
    <script th:src="@{~/UI/js/jquery.min.js}"></script>
    <script th:src="@{~/UI/lib/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{~/UI/js/xadmin.js}"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="x-body">
    <form class="layui-form" id="addClassroomrental">
        <input type="hidden" id="uid" name="uid.uid" th:value="${loginuser.uid}">
        <input type="hidden" id="ubalance" name="uid.ubalance" th:value="${loginuser.ubalance}">
        <input type="hidden" id="utipe" name="uid.utipe" th:value="${loginuser.utipe}">
        <input type="hidden" name="crflag" th:value="0">
        <div class="layui-form-item">
            <label for="bid" class="layui-form-label" >
                <span class="x-red">*</span>楼栋
            </label>
            <div class="layui-input-inline">
                <select id="bid" name="bid" lay-filter="demo">
                    <option value="0">-------请选择-------</option>
                    <option th:each="b:${buildingList}" th:name="bname" th:value="${b.bid}" th:text="${b.bname}"></option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="ctid" class="layui-form-label" >
                <span class="x-red">*</span>教室类型
            </label>
            <div class="layui-input-inline">
                <select id="ctid" name="ctid.ctid" lay-filter="demo1">
                    <option value="0">-------请选择-------</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="cid" class="layui-form-label" >
                <span class="x-red">*</span>教室
            </label>
            <div class="layui-input-inline">
                <select id="cid" name="cid.cid" lay-filter="demo2">
                    <option value="0">-------请选择-------</option>

                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label for="ltid" class="layui-form-label" >
                <span class="x-red">*</span>租赁时长
            </label>
            <div class="layui-input-inline">
                <select id="ltid" name="ltid.ltid" lay-filter="demo3">
                    <option value="0">-------请选择-------</option>
                    <option th:each="ltime:${leaseTimeList}" th:value="${ltime.ltid}" th:text="${ltime.ltday}"></option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="crmsg" class="layui-form-label">
                <span class="x-red">*</span>教室用途
            </label>
            <div class="layui-input-inline">
                <input type="text" id="crmsg" name="crmsg" required lay-verify="required"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label for="crmsg" class="layui-form-label">
                <span class="x-red">*</span>租金
            </label>
            <div class="layui-input-inline">
                <input type="text" id="crmoney" name="crmoney"
                       autocomplete="off" class="layui-input" readonly="readonly">
            </div>
        </div>

       <!-- <div class="layui-form-item">
            <label for="" class="layui-form-label">
            </label>
            <button  class="layui-btn" lay-filter="Pay" lay-submit="" id="pay">
                缴纳租金
            </button>
        </div>-->
        <div class="layui-form-item">
            <label for="" class="layui-form-label">
            </label>
            <button  class="layui-btn" lay-filter="add" lay-submit="" id="add">
                增加
            </button>
        </div>
    </form>
</div>
<script>
    layui.use(['form','layer'], function(){
    /*    $("#add").hide();
        $("#pay").hide();*/
        $ = layui.jquery;
        var form = layui.form
            ,layer = layui.layer;
        form.on('select(demo)', function(a){
            //console.log(a);
            var bid=a.value;
            //alert(bid);
            $.ajax({
                type:'post',
                data:{'bid':bid},
                dataType:'json',
                url:'selectClassTypeByBuilding',
                success:function (obj) {
                    //console.log(obj);
                    //alert(obj);
                    var option=$(
                        ' <option  value="0">'+"-------请选择-------"+'</option>'
                    );
                    $("#ctid").empty();
                    $(obj).each(function () {
                        var option=$(
                            ' <option  value="'+this.ctid+'">'+this.ctname+'</option>'
                        );
                        $("#ctid").append(option);
                        //重新渲染
                        layui.form.render("select");
                    })
                }
            })

        });

        form.on('select(demo1)', function(a){
           // console.log(a);
            var ctid=a.value;
            //alert(ctid);
            $.ajax({
                type:'post',
                data:{'ctid':ctid},
                dataType:'json',
                url:'selectClassByClassType',
                success:function (obj) {
                    //console.log(obj);
                    //alert(obj);
                    var option=$(
                        ' <option  value="0">'+"-------请选择-------"+'</option>'
                    );
                    $("#cid").empty();
                    $(obj).each(function () {
                        var option=$(
                            ' <option  value="'+this.cid+'">'+this.cname+'</option>'
                        );
                        $("#cid").append(option);
                        //重新渲染
                        layui.form.render("select");
                    })
                }
            })
        });
        form.on('select(demo3)', function(a){
           var cid=$("#cid").val();
           var ltid= $("#ltid").val();
          // alert("cid="+cid+"ltid="+ltid);
            $.ajax({
                type:'post',
                url:'CalculateRent',
                data:{'cid.cid':cid,
                'ltid.ltid':ltid},
                success:function (obj) {
                    $("#crmoney").val(obj);
                    $("#pay").show();
                }
            })
        });
        //自定义验证规则
        form.verify({
            require : function(value) {
                value = $.trim(value);
                if (!value) {
                    return "必填项不能为空";
                }
            }
            ,ctnum: [/^[0-9]*[1-9][0-9]*$/, '教室容纳人数必须为大于零的整数']
            ,pass: [/(.+){6,12}$/, '密码必须6到12位']
            ,repass: function(value){
                if($('#L_pass').val()!=$('#L_repass').val()){
                    return '两次密码不一致';
                }
            }
        });
        //监听提交
        form.on('submit(add)', function(data){
            var money=$("#crmoney").val();
            layer.confirm('您需要缴纳租金:'+money,function(index){
                $.ajax({
                    url:"checkedUserMoney",
                    data:{'crmoney':money},
                    type:"post",
                    dataType:"json",
                    success: function (res) {
                        if(res=="0"){
                             //window.open("toUserCharge",'_parent');
                            layer.open({
                                type: 2,
                                title: "请充值",
                                content: 'toUserCharge',
                                area: ["1500px", "100%"],
                            },300);
                            layer.msg("用户名余额不够，请充值");
                        }else {
                            layer.alert("教室租赁成功", {icon: 6},function () {
                                var datas = $("#addClassroomrental").serialize();
                                // alert(JSON.stringify(datas));
                                $.ajax({
                                    type:"POST",
                                    url:'addClassroomrental',
                                    xhrFields:{withCredentials:true},
                                    data:datas,//请求的附加参数，用json对象
                                    success: function (res) {
                                        if(res=="1"){
                                            window.parent.location.reload();
                                            // 获得frame索引
                                            var index = parent.layer.getFrameIndex(window.name);
                                            //关闭当前frame
                                            parent.layer.close(index);
                                        }else {
                                            layer.alert("教室租赁失败",{icon: 6},function () {
                                            })
                                        }
                                    },
                                    error:function (data) {
                                        layer.alert("错误",{icon: 6},function () {

                                        })
                                    }
                                });
                            });
                        }
                    },
                    error:function (data) {
                        layer.alert("错误",{icon: 6},function () {

                        })
                    }
                });
                layer.close(index);
            })
            return false;
        });

        //监听提交

    });

</script>
</body>

</html>